<template>
	<div class="bg-content balance-content">
	    <div class='title'>
	        {{title}}
	    </div>
	    <div class='btn-group'>
	         <el-dropdown @command='handleCommand' 
	        	v-if='menuItem.length > 1'>
	        	<el-button type='primary' class='btn-more'>
	        		更多<i class='el-icon-caret-bottom el-icon--right'></i>
	        	</el-button>
		        <el-dropdown-menu slot='dropdown'>
		         	<el-dropdown-item v-for='item in menuItem'
		         		:command='item.command'>{{item.text}}</el-dropdown-item>
		        </el-dropdown-menu>
	         </el-dropdown>
	         <el-button v-else
	         	type='primary'
	         	@click='handleCommand(menuItem[0].command)'>
	         	{{menuItem[0].text}}
	         </el-button>
	    </div>
	    <div class='money'>
	        <span>￥</span>{{userAccount}}
	    </div>
	</div>
</template>

<script>
	import BalanceJs from './Balance.js';
	module.exports = BalanceJs;
</script>

<style scoped lang='less'>
	@import url('./Balance.less');
</style>